<template>
  <div class="pbox">
    {{ cmsg }}
    <Child :pmsg="num" :pname="name" @make="getChildMsg"></Child>
  </div>
</template>

<script lang='ts' setup>
import Child from './components/Child.vue'
import {ref} from 'vue'
let num=ref<number>(100)
let name=ref<string>('Father')
let cmsg=ref<number>()
const getChildMsg=(arg:number)=>{
  console.log('arg',arg);
  cmsg.value=arg
}
</script>

<style lang='scss' scoped>
.pbox{
  width: 200px;
  height: 200px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color:orange;
}
</style>